<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
          integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html,
        body,
        .box {
            width: 100%;
            height: 100%;
        }

        .box {
            background: url("static/2.jpg") no-repeat;
            background-size: 100% 100%;
            overflow: hidden;
        }

        .login {
            width: 350px;
            height: 300px;
            margin: 120px 0px 0px 800px;
            background-color: rgba(255, 255, 255, .5);
        }

        .login_hd {
            height: 40px;
            text-align: center;
            padding-top: 20px;
        }

        .login_bd .form-control {
            width: 80%;
            margin: 0 auto
        }

        .form-check {
            margin-left: 40px;
        }

        .btn-box {
            display: flex;
            margin-left: 100px;
        }

        .btn {
            margin-left: 10px;
        }
    </style>
</head>

<body>
<div class="box">
    <div class="login">
        <h4 class="login_hd">西湖登录界面</h4>
        <div class="login_bd">
            <form th:action="@{/login}" method="post">
                <div class="form-group">
                    <label for="username"></label></label>
                    <input type="text" class="form-control" name="username" id="username" placeholder="请输入账户">
                </div>
                <div class="form-group">
                    <label for="password"></label>
                    <input type="password" name="password" class="form-control" id="password" placeholder="请输入密码">
                </div>
                <div class="form-group form-check">
                    <input type="checkbox" name="remember-me" class="form-check-input" id="remenberMe">
                    <label class="form-check-label" for="remenberMe">记住我</label>
                </div>
                <div class="btn-box">
                    <button type="submit" class="btn btn-primary">提交</button>
                    <button type="reset" class="btn btn-primary">重置</button>
                </div>
            </form>

            <form th:action="@{/sms/login}" method="post">
                <label for="mobile"></label>
                <input type="text" name="mobile" id="mobile">
                <input type="hidden" name="smsCode" value="1234">
                <input type="submit" value="提交">
            </form>
        </div>
    </div>
</div>
</body>

</html>